<style>
    input.input-short{width:80px !important}
    input.input-middle{width:100px !important}
    td.mf-td-title{vertical-align: middle !important;}
    div.mf-td-split{float:left;line-height:22px;padding:5px}
    
</style>
<form id="add-form" class="form-horizontal mf-form" role="form" data-toggle="validator" method="POST" action="">
        <div>
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">个人资料</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">购买意向</a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">老带新</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <table class="table table-borderd">
                        <tr>
                            <td class="mf-td-title" style="width:100px">{:__('Customer_name')}:</td>
                            <td class="mf-td-input"><input id="c-customer_name" data-rule="required" placeholder="{:__('Customer_name')}" class="form-control input-middle" name="row[customer_name]" type="text"></td>
                            <td class="mf-td-title" style="width:120px">{:__('Customer_tel')}:</td>
                            <td class="mf-td-input">
                                <input id="c-customer_tel" data-rule="required,mobile" placeholder="{:__('Customer_tel')}" class="form-control input-middle" name="row[customer_tel]" type="text">
                                <label><input type="checkbox" name="row[hide_mobile]" value="1" />隐藏号码</label>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title" style="width:100px">客户电话2:</td>
                            <td class="mf-td-input"><input id="c-customer_tel2" data-rule="mobile" placeholder="客户电话2" class="form-control input-middle" name="row[customer_tel2]" type="text"></td>
                            <td class="mf-td-title" style="width:120px">客户电话3:</td>
                            <td class="mf-td-input"><input id="c-customer_tel3" data-rule="mobile" placeholder="客户电话3" class="form-control input-middle" name="row[customer_tel3]" type="text"></td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">{:__('Sex_radio')}:</td>
                            <td class="mf-td-input" colspan="3"> 
                                <div class="radio">
                                    {foreach name="sexRadioList" item="vo"}
                                    <label for="row[sex_radio]-{$key}"><input id="row[sex_radio]-{$key}" name="row[sex_radio]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                                    {/foreach}
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">来源分类:</td>
                            <td>
                                <input id="c-source_id" data-rule="required" data-source="newhouse/customer/source/index" data-primary-key="id" data-field="source" class="form-control selectpage" name="row[source_id]" type="text" value="">
                            </td>
                            <td class="mf-td-title">来源详情:</td>
                            <td><input id="c-customer_from" data-rule="" class="form-control input-middle" name="row[customer_from]" type="text"></td>

                        </tr>
                        <tr>
                            <td class="mf-td-title">{:__('Mem')}:</td>
                            <td class="mf-td-input" colspan="3"> <input id="c-mem" data-rule="" class="form-control" name="row[mem]" type="text"></td>
                        </tr>

                        <tr>
                            <td class="mf-td-title">{:__('Account_statement')}:</td>
                            <td class="mf-td-input" colspan="3"> <input id="c-account_statement" data-rule="" class="form-control" name="row[account_statement]" type="text"></td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">{:__('Credit_investigation')}:</td>
                            <td class="mf-td-input" colspan="3"> <input id="c-credit_investigation" data-rule="" class="form-control" name="row[credit_investigation]" type="text"></td>
                        </tr>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">
                    <table class="table table-borderd">
                        <tr>
                            <td class="mf-td-title" style="width:100px">{:__('Want_area')}:</td>
                            <td class="mf-td-input" style="position:relative;width:260px"><input id="c-want_area" class="form-control"  data-toggle="city-picker" name="row[want_area]" style="width:240px"></td>                        
                            <td class="mf-td-title" style="width:120px">期望楼层:</td>
                            <td class="mf-td-input">
                                <div class="input-group">
                                    <input id="c-want_floor_low" data-rule="" class="form-control input-short" name="row[want_floor_low]" type="number">
                                    <div class="mf-td-split">至</div>
                                    <input id="c-want_floor_high" data-rule="" class="form-control input-short" name="row[want_floor_high]" type="number">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">面积(平方米):</td>
                            <td class="mf-td-input">
                                <div class="input-group">
                                    <input id="c-want_acre_low" data-rule="" class="form-control input-short" name="row[want_acre_low]" type="number">
                                    <div class="mf-td-split">至</div>
                                    <input id="c-want_acre_high" data-rule="" class="form-control input-short" name="row[want_acre_high]" type="number">
                                </div>
                            </td>
                            <td class="mf-td-title">期望总价(万元):</td>
                            <td class="mf-td-input">
                                <div class="input-group">
                                    <input id="c-want_price_low" data-rule="" class="form-control input-short" name="row[want_price_low]" type="number">
                                    <div class="mf-td-split">至</div>
                                    <input id="c-want_price_high" data-rule="" class="form-control input-short" name="row[want_price_high]" type="number">
                                </div>
                            </td>
                        </tr>
                                        
                        <tr>
                            <td class="mf-td-title">{:__('Payment_percentage')}:</td>
                            <td class="mf-td-input">
                                <div class="input-group">
                                    <input id="c-payment_percentage" data-rule="" class="form-control input-short" name="row[payment_percentage]" type="number">
                                    <div class="mf-td-split">%</div>
                                </div>
                            </td>
                            <td class="mf-td-title">{:__('Property_quantity')}:</td>
                            <td class="mf-td-input"><input id="c-property_quantity" data-rule="" class="form-control input-short" name="row[property_quantity]" type="number"></td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">{:__('First_house')}:</td>
                            <td class="mf-td-input"> <div class="radio">
                                {foreach name="firstHouseRadioList" item="vo"}
                                <label for="row[first_house]-{$key}"><input id="row[first_house]-{$key}" name="row[first_house]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                                {/foreach}
                            </div>
                            </td>
                            <td class="mf-td-title">{:__('Social_security')}:</td><td class="mf-td-input"> <div class="radio">
                                {foreach name="socialSecurityRadioList" item="vo"}
                                <label for="row[social_security]-{$key}"><input id="row[social_security]-{$key}" name="row[social_security]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                                {/foreach}
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">{:__('Payment_method')}:</td>
                            <td class="mf-td-input" colspan="3">
                                <div class="radio">
                                    {foreach name="paymentMethodRadioList" item="vo"}
                                    <label for="row[payment_method]-{$key}"><input id="row[payment_method]-{$key}" name="row[payment_method]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                                    {/foreach}
                                </div>
                            </td>
                        </tr>
                        <tr>

                            <td class="mf-td-title">{:__('Marriage_radio')}:</td>
                            <td class="mf-td-input" colspan="3">
                                <div class="radio">
                                    {foreach name="marriageRadioList" item="vo"}
                                    <label for="row[marriage_radio]-{$key}"><input id="row[marriage_radio]-{$key}" name="row[marriage_radio]" type="radio" value="{$key}" {in name="key" value="未知"}checked{/in} /> {$vo}</label> 
                                    {/foreach}
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">报备楼盘:</td>
                            <td class="mf-td-input" colspan="3"> 
                                <input id="c-building_id" data-multiple="true" data-source="newhouse/building/items/index" data-primary-key="id" data-field="building_name" class="form-control selectpage" name="row[building_id]" type="text" value="">
                            </td>
                        </tr>
                    </table>
                </div>
                <div role="tabpanel" class="tab-pane" id="messages">
                    <table class="table table-borderd">
                        <tr>
                            <td class="mf-td-title">老带新:</td>
                            <td class="mf-td-input" >
                                <div class="radio">
                                    <label><input id="row[from_friend]-0" name="row[from_friend]" type="radio" value="0" checked />否</label> 
                                    <label><input id="row[from_friend]-1" name="row[from_friend]" type="radio" value="1"  /> 是</label> 
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">老客户姓名:</td>
                            <td><input id="c-friend_name" data-rule="" class="form-control input-middle" name="row[friend_name]" type="text"></td>
                        </tr>
                        <tr>
                            <td class="mf-td-title">老客户手机号:</td>
                            <td><input id="c-friend_mobile" data-rule="" class="form-control input-middle" name="row[friend_mobile]" type="text"></td>
                        </tr>
                    </table>
                </div>
            </div>
            
        </div>
            
  
   
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
   
</form>
